<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>圈圈大乱斗</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!--Google Font link-->
<link href="https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i" rel="stylesheet">


<link rel="stylesheet" href="assets/css/swiper.min.css">
<link rel="stylesheet" href="assets/css/animate.css">
<link rel="stylesheet" href="assets/css/iconfont.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<link rel="stylesheet" href="assets/css/bootsnav.css">



<!--For Plugins external css-->
<!--<link rel="stylesheet" href="assets/css/plugins.css" />-->
<!--Theme custom css -->
<link rel="stylesheet" href="assets/css/style.css">

<!--Theme Responsive css-->
<link rel="stylesheet" href="assets/css/responsive.css" />

<script src="assets/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
</head>

<body data-spy="scroll" data-target=".navbar-collapse">


<!-- Preloader -->
<div id="loading">
	<div id="loading-center">
		<div id="loading-center-absolute">
			<div class="object" id="object_one"></div>
			<div class="object" id="object_two"></div>
			<div class="object" id="object_three"></div>
			<div class="object" id="object_four"></div>
		</div>
	</div>
</div><!--End off Preloader -->


<div class="culmn">
	<!--Home page style-->


	<nav class="navbar navbar-default bootsnav navbar-fixed white no-background">
		<div class="container">  

			<!-- Start Atribute Navigation 
			<div class="attr-nav">
				<ul>
					<li><a href="#"><i class="fa fa-facebook"></i></a></li>
					<li><a href="#"><i class="fa fa-instagram"></i></a></li>
					<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
				</ul>
			</div>     -->   
			<!-- End Atribute Navigation -->


			<!-- Start Header Navigation -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
					<i class="fa fa-bars"></i>
				</button>
				<a class="navbar-brand" href="#brand">
					<img src="assets/images/logo.png" class="logo logo-display" alt="">
					<img src="assets/images/footer-logo.png" class="logo logo-scrolled" alt="">
				</a>

			</div>
			<!-- End Header Navigation -->

			<!-- navbar menu -->
			<div class="collapse navbar-collapse" id="navbar-menu">
				<ul class="nav navbar-nav navbar-center">
					<li><a href="#home">首页</a></li>                    
					<li><a href="#features">游戏介绍</a></li>
					<li><a href="#reviews">玩家评论</a></li>
					<li><a href="#download">游戏下载</a></li>
				</ul>
			</div><!-- /.navbar-collapse -->
		</div>   
  </nav>

	<!--Home Sections-->

	<section id="home" class="home">
		<div class="container">
			<div class="row">
				<div class="main_home">
					<div class="col-md-6">
						<div class="home_text">
							<h2 class="text-white">圈神争霸！指间对决！</h2>
						</div>

						<div class="home_btns m-top-40">
							<a href="#download" class="btn btn-danger m-top-20">下载</a>
							<a href="#features" class="btn btn-primary m-top-20">简介</a>
						</div>
					</div>

					<div class="col-md-6">
						<div class="phone_one phone_attr1 text-center sm-m-top-50">
							<div class="attr_deg">9&deg;</div>
							<div class="attr_rio text-uppercase">Rio</div>
							<div class="attr_sun text-uppercase text-white">Sunny</div>
							<div class="attr_lon text-uppercase text-white">London</div>
							<img src="assets/images/phone01.png" alt="" />
						</div>
					</div>

				</div>
				<div class="scrooldown">
					<a href="#features"><i class="fa fa-chevron-down"></i></a>
				</div>

			</div><!--End off row-->
		</div><!--End off container -->
	</section> <!--End off Home Sections-->



	<!--Featured Section-->
	<section id="features" class="features">
		<div class="container">
			<div class="row">
				<div class="main_features p-top-100">
					<div class="col-md-8 col-md-offset-2 col-sm-12 col-xs-12">
						<div class="head_title text-center">
							<h2>游戏简介</h2>
							<h5>成为你想玩的游戏</h5>
						</div>
					</div>

					<div class="col-md-4">
						<div class="features_item sm-m-top-30">
							<div class="f_item_icon">
								<i class="icon icon-diamond6"></i>
							</div>
							<div class="f_item_text">
								<h3>碎片时间</h3>
								<p>碎片化的游戏时间，一局游戏不超过10分钟，任何时间，任何地点，你都可以享受圈圈大作战带给你的快乐。
									让游戏创造快乐！</p>
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="features_item sm-m-top-30">
							<div class="f_item_icon">
								<i class="icon icon-layers2"></i>
							</div>
							<div class="f_item_text">
								<h3>反应力挑战</h3>
								<p>各种刺激的关卡，多样的挑战地图，特点各异的可用游戏角色，挑战并且锻炼你的反应力。
									来自快乐游戏的刺激！</p>
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="features_item sm-m-top-30">
							<div class="f_item_icon">
								<i class="icon icon-business-32"></i>
							</div>
							<div class="f_item_text">
								<h3>高手对决</h3>
								<p>让你的手指跳舞，和旗鼓相当的对象对战，成为登顶圈神的那个人. 
									游戏给以成就感！</p>
							</div>
						</div>
					</div>
				</div>
			</div><!-- End off row -->
		</div><!-- End off container -->
	</section><!-- End off Featured Section-->



	<section>
		<div class="container">
			<div class="row">
				<div class="main_drag roomy-50">
					<div class="col-md-12">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide" style="background-image:url(assets/images/20180526231741.png)"></div>
								<div class="swiper-slide" style="background-image:url(assets/images/01主界面.jpg)"></div>
								<div class="swiper-slide" style="background-image:url(assets/images/02英雄_碎片.jpg)"></div>
								<div class="swiper-slide" style="background-image:url(assets/images/03主人公_游戏数据.jpg)"></div>
							</div>
							<!-- If we need navigation buttons -->
							<div class="swiper-button-prev"></div>
							<div class="swiper-button-next"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--screen short section-->

	
	<!--People Section-->
	<section id="reviews" class="reviews m-top-100">
		<div class="container">
			<div class="row">
				<div class="main_reviews">
					<div class="col-md-8 col-md-offset-2 col-sm-12">
						<div class="head_title text-center">
							<h2>来自玩家的评论</h2>
						</div>
					</div>

					<div class="reviews_content">
						<div class="col-md-6">
							<div class="reviews_item m-top-40">
								<div class="reviews_item_icon pull-left">“</div>
								<h3>确认过了眼神，是对的游戏！ </h3>
								<h5>John Updike</h5>
								<div class="reviews_item_icon1 pull-right text-right">“</div>
							</div>
						</div><!-- End off col-md-6 -->

						<div class="col-md-6">
							<div class="reviews_item m-top-40">
								<div class="reviews_item_icon pull-left">“</div>
								<h3>这才是真正的轻度竞技游戏，休闲中带着挑战！</h3>
								<h5>William Hazlitt</h5>
								<div class="reviews_item_icon1 pull-right text-right">“</div>
							</div>
						</div><!-- End off col-md-6 -->
						<div class="col-md-6">
							<div class="reviews_item m-top-40">
								<div class="reviews_item_icon pull-left">“</div>
								<h3>沉迷其中不可自拔，快来呀，一起快活！</h3>
								<h5>Mignon McLaughlin</h5>
								<div class="reviews_item_icon1 pull-right text-right">“</div>
							</div>
						</div><!-- End off col-md-6 -->
						<div class="col-md-6">
							<div class="reviews_item m-top-40">
								<div class="reviews_item_icon pull-left">“</div>
								<h3>这是一款刺激竞技游戏，同时她也是一款快乐的游戏！ </h3>
								<h5>Abraham Lincoln</h5>
								<div class="reviews_item_icon1 pull-right text-right">“</div>
							</div>
						</div><!-- End off col-md-6 -->

					</div>
				</div><!-- End off Main People -->
			</div><!-- End off row -->
		</div><!-- End off container -->
	</section><!-- End off People Section-->


	<!--App Download Section-->
	<section id="download" class="download m-top-100">
		<div class="download_overlay"></div>
		<div class="container">
			<div class="row">
				<div class="main_download ">
					<div class="col-md-6">
						<div class="download_item roomy-100">
							<h2 class="text-white">扫码下载</h2>
							
							<img src="assets/images/qqdld.png" alt="" />
							
							<h5 class="text-white m-top-20">敬请期待！</h5>

							<div class="download_app m-top-30">
								<a href=""><img src="assets/images/appstor.png" alt="" /></a>
								<a href=""><img src="assets/images/googleplay.png" alt="" /></a>
							</div>
						</div>
					</div>
					<div class="col-md-6">
						<div class="download_item m-top-70">
							<img class="app_right" src="assets/images/appdownload1.png" alt="" />
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>

	<!-- scroll up-->
	<div class="scrollup">
		<a href="#"><i class="fa fa-chevron-up"></i></a>
	</div><!-- End off scroll up -->
	
	
	<footer id="footer" class="footer bg-black">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<nav class="navbar navbar-default bootsnav footer-menu no-background">
						<div class="container">  

							<!-- Start Atribute Navigation -->
							<div class="attr-nav">
								<ul>
									<li><a href="#"><i class="fa fa-facebook"></i></a></li>
									<li><a href="#"><i class="fa fa-instagram"></i></a></li>
									<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
								</ul>
							</div>        
							<!-- End Atribute Navigation -->


							<!-- Start Header Navigation -->
							<div class="navbar-header">
								<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-footer">
									<i class="fa fa-bars"></i>
								</button>
								<a class="navbar-brand" href="#brand"><img src="assets/images/footer-logo.png" class="logo" alt=""></a>
							</div>
							<!-- End Header Navigation -->

							<!-- navbar menu -->
							<div class="collapse navbar-collapse" id="navbar-footer">
								<ul class="nav navbar-nav navbar-center">
									<li><a href="#home">首页</a></li>                    
									<li><a href="#features">游戏简介</a></li>
									<li><a href="#reviews">玩家评论</a></li>
									<li><a href="#download">游戏下载</a></li>
								</ul>
							</div><!-- /.navbar-collapse -->
						</div>   
					</nav>
				</div>
				<div class="divider"></div>
				<div class="col-md-12">
					<div class="main_footer text-center p-top-40 p-bottom-30">
						<p class="wow fadeInRight" data-wow-duration="1s">Copyright &copy; 2018.珠海游享网络科技有限公司 保留所有权</p>
						<p class="wow fadeInRight" data-wow-duration="1s">粤ICP备18096504号</p>
</div>
				</div>
			</div>
		</div>
	</footer>




</div>

<!-- JS includes -->

<script src="assets/js/vendor/jquery-1.11.2.min.js"></script>
<script src="assets/js/vendor/bootstrap.min.js"></script>
<script src="assets/js/jquery.magnific-popup.js"></script>
<script src="assets/js/jquery.easing.1.3.js"></script>
<script src="assets/js/swiper.min.js"></script>
<script src="assets/js/jquery.collapse.js"></script>
<script src="assets/js/bootsnav.js"></script>
<script src="assets/js/plugins.js"></script>
<script src="assets/js/main.js"></script>

</body>
</html>
